//width height
.half-full-width {
	width: 50%;
}
.full-width {
	width: 100%;
}
.full-height {
	height: 100vh;
}
.pre-line {
	white-space: pre-line;
}
.circle {
	border-radius: 50%;
}

// 底部安全距离
.safe-area-inset-bottom {
	padding-bottom: 0;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}

.bd-bottom {
	border-bottom: 1rpx solid #e9eaee;
}

.zjy-card-form {
	background: $c-white;
	padding: 32rpx 24rpx;
	border-radius: 16rpx;

	.zjy-card-title {
		font-size: 32rpx;
		color: $c-black-1d;
		font-weight: bold;
		position: relative;

		&.label {
			padding-left: 20rpx;

			&::before {
				position: absolute;
				content: "";
				width: 8rpx;
				left: 0;
				top: 6rpx;
				bottom: 6rpx;
				background: $c-theme;
				border-radius: 20rpx;
			}
		}
	}
}

//底部固定栏
.bottom-fixed-wrap {
	padding: 24rpx 24rpx calc(24rpx + env(safe-area-inset-bottom));
	border-radius: 16rpx 16rpx 0 0;
	background: #ffffff;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	height: calc(128rpx + env(safe-area-inset-bottom));

	&.highest {
		z-index: 99;
	}

	.submit-buttons {
		border-radius: 64rpx;
		overflow: hidden;
		height: 80rpx;
		line-height: 80rpx;
		font-size: 28rpx;
		font-weight: bold;
		display: flex;
		.button {
			width: 224rpx;
			text-align: center;
			background: $c-theme;
			color: $c-white;
			&:first-child {
				background: rgba(34, 176, 123, 0.08);
				color: $c-theme;
			}
		}
	}
}

.pb-fixed-bottom {
	padding-bottom: 128rpx;
}

//底部弹层
.popup-bottom-container {
	width: 100vw;
	border-radius: 24rpx 24rpx 0 0;
	overflow: hidden;
	.popup-header {
		font-size: 36rpx;
		height: 88rpx;
		line-height: 88rpx;
		font-weight: 600;
		color: $c-black-1d;
		padding-left: 24rpx;
		position: relative;
	}

	.popup-close {
		position: absolute;
		right: 0;
		top: 0;
		height: 88rpx;
		width: 96rpx;
		z-index: 99;

		&::after {
			position: absolute;
			content: "";
			width: 48rpx;
			height: 48rpx;
			top: 22rpx;
			right: 24rpx;
			background: url(#{$imgBaseUrl}close-icon.png);
			background-position: center center;
			background-size: cover;
		}
	}

	.popup-content {
		min-height: 360rpx;
		max-height: 75vh;
		overflow: scroll;
		&.auto-height {
			min-height: auto;
		}
		&.safe-bottom-wrap {
			padding-bottom: 128rpx;
		}
	}
}

.dropdown-content {
	background: $c-white;
	&.content-bd-top {
		border-top: 1rpx solid $c-grey-e5;
	}
	.dropdown-item {
		padding: 32rpx 24rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 28rpx;
		& + .dropdown-item {
			border-top: 1rpx solid #e9eaee;
		}
		&.selected {
			color: $brown-bc;
		}
	}
	.bottom-bd-top {
		border-top: 2rpx solid $c-grey-e5;
	}
}

//border-radius
@each $value in 10, 12, 16 {
	.radius-#{$value} {
		border-radius: $value + rpx;
	}
}

//width
@each $value in 100, 160, 420 {
	.w-#{$value} {
		width: $value + rpx;
	}
}

//height
@each $value in 88, 120, 150, 200 {
	.h-#{$value} {
		height: $value + rpx;
	}
}

//max-width
@each $value in 180, 300, 400, 420, 450 {
	.m-w-#{$value} {
		max-width: $value + rpx;
	}
}

//min-width
@each $value in 120, 150 {
	.min-w-#{$value} {
		min-width: $value + rpx;
	}
}
